<template>
  <div class="ziliao">
    <wv-group title="充值金额">
      <wv-input placeholder="请输入充值金额" type="number" v-model="rechargePrice"></wv-input>
    </wv-group>
    <p class="offer" @click="goRecharge">充值</p>
  </div>
</template>

<script>
  export default {
    name: "recharge",
    data() {
      return {
        rechargePrice: '',
      };
    },
    methods: {
      goRecharge() {
        this.$router.push({path: '/rechargeorder', query: {rechargePrice: this.rechargePrice}});
      }
    }
  }
</script>

<style scoped>
  .ziliao {
    padding-bottom: 50px;
  }

  .way .weui-cell_access {
    margin: 0 15px;
    padding: 15px 0;
    border-bottom: 1px solid transparent;
    text-align: left
  }

  .offer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-image: linear-gradient(to left, #4c92ed, #61beec);
    height: 50px;
    line-height: 50px;
    color: #fff;
  }
</style>
